<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script type="text/javascript" src="./jquery/jquery-1.12.4.min.js"></script>


</head>


<body>

    <div class="box">
        <form action="">

            <input type="button" id="add" value="添加输入框">
            <input type="button" id="remove" value="删除输入框">
            
            <div class="input_div">
                参数名：<input type="text">
                值：<input type="text">
            </div>
            
        </form>


    </div>



    
    <script type="text/javascript">
        // 点击h3标签以后执行函数
        $('#add').click(function () {
            //append 追加 给form表单追加这组元素
            $('form').append(
                '            <div class="input_div">\n' +
                '                参数名：<input type="text">\n' +
                '                值：<input type="text">\n' +
                '            </div>'
            )
        });
    </script>

    <script type="text/javascript">
        // 点击h3标签以后执行函数
        $('#remove').click(function () {
            // 判断子元素是否大于1个
            var count = $('form').children('div');
            if (count.length>1){
                count.eq(-1).remove();

            }

        });
    </script>
</div>
</body>
</html>